<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>泽州县应急指挥系统</title>
    <link rel="stylesheet" href="./font/iconfont/iconfont.css">
    <link rel="stylesheet" href="./plugins/bootstrap-4.0.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/common.css">
</head>

<body>
    <div class="header">
        <a href="index.html">应急指挥中心</a>
        <h3>泽州县应急指挥系统</h3>
    </div>
    <div class="main-box">
        <div class="main-aside">
            <div class="user-box">
                <div class="user-img">
                    <img src="./images/admin.png" alt="">
                </div>
                <p class="user-name">
                    admin
                    <a href="javascript:;" class="iconfont icon-tuichu"></a>
                </p>
            </div>
            <ul class="aside-menu">
                <li><a href="admin_index.html"><i class="iconfont icon-home"></i><span>首页</span><i class="iconfont icon-arrow-right arrow"></i></a></li>
                <li>
                    <a href="javascript:;"><i class="iconfont icon-shijianguanli3"></i><span>事件管理</span><i class="iconfont icon-arrow-right arrow"></i></a>
                    <div class="dropDown hd">
                        <a class="dropDownItem" href="event_manage.html">事件管理</a>
                        <a class="dropDownItem" href="event_type.html">事件类型</a>
                    </div>
                </li>
                <li>
                    <a href="javascript:;"><i class="iconfont icon-yingjizhibanrenyuan"></i><span>值守人员管理</span><i class="iconfont icon-arrow-right arrow"></i></a>
                    <div class="dropDown hd">
                        <a class="dropDownItem" href="guard_unit.html">企业单位</a>
                        <a class="dropDownItem active" href="guard_man.html">值守人员</a>
                        <a class="dropDownItem" href="guard_path.html">值守轨迹</a>
                    </div>
                </li>
                <li>
                    <a href="javascript:;"><i class="iconfont icon-yingjiyuan"></i><span>应急预案管理</span><i class="iconfont icon-arrow-right arrow"></i></a>
                    <div class="dropDown hd">
                        <a class="dropDownItem" href="plan_manage.html">应急预案</a>
                        <a class="dropDownItem" href="plan_type.html">类型管理</a>
                    </div>
                </li>
                <li>
                    <a href="javascript:;"><i class="iconfont icon-yingjiwuzi"></i><span>应急物资管理</span><i class="iconfont icon-arrow-right arrow"></i></a>
                    <div class="dropDown hd">
                        <a class="dropDownItem" href="supplies_manage.html">应急物资</a>
                        <a class="dropDownItem" href="supplies_type.html">类型管理</a>
                    </div>
                </li>
                <li class="active"><a href="info_publish.html"><i class="iconfont icon-xinxifabu"></i><span>信息发布</span><i class="iconfont icon-arrow-right arrow"></i></a></li>
                <li><a href="account_set.html"><i class="iconfont icon-shezhi"></i><span>账号设置</span><i class="iconfont icon-arrow-right arrow"></i></a></li>
            </ul>
        </div>
        <div class="main-body flex-column">
            <div class="main-header">
                <h3>信息发布管理</h3>
            </div>
            <div class="main-content flex1 flex-column">
                <!-- 表格上部操作区 -->
                <div class="table-tool">
                    <form action="" class="flex-row">
                        <input type="text" placeholder="名称" class="input-box">
                        <a href="JavaScript:;" class="editor-btn">查询</a>
                    </form>
                    <a href="./info_add.html" class="add-btn">添加</a>
                </div>
                <!-- 表格 -->
                <div class="table-box">
                    <table class="table table-hover">
                        <thead>
                            <tr>
                                <th scope="col">标题</th>
                                <th scope="col">添加时间</th>
                                <th scope="col">操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <th>火情预警处理步骤 </th>
                                <td> 2019-11-09  12:23:23  </td>
                                <td class="action-btn-list">
                                    <a href="javascript:;" class="editor-btn">修改</a>
                                    <a href="javascript:;" class="del-btn">删除</a>
                                    <a href="javascript:;" class="disable-btn">复制链接</a>
                                </td>
                            </tr>
                            <tr>
                                <th>天气预警处理步骤 </th>
                                <td> 2019-11-09  12:23:23  </td>
                                <td class="action-btn-list">
                                    <a href="javascript:;" class="editor-btn">修改</a>
                                    <a href="javascript:;" class="del-btn">删除</a>
                                    <a href="javascript:;" class="disable-btn">复制链接</a>
                                </td>
                            </tr>
                            <tr>
                                <th>安全事故预警处理步骤 </th>
                                <td> 2019-11-09  12:23:23  </td>
                                <td class="action-btn-list">
                                    <a href="javascript:;" class="editor-btn">修改</a>
                                    <a href="javascript:;" class="del-btn">删除</a>
                                    <a href="javascript:;" class="disable-btn">复制链接</a>
                                </td>
                            </tr>
                            <tr>
                                <th>预警处理步骤 </th>
                                <td> 2019-11-09  12:23:23  </td>
                                <td class="action-btn-list">
                                    <a href="javascript:;" class="editor-btn">修改</a>
                                    <a href="javascript:;" class="del-btn">删除</a>
                                    <a href="javascript:;" class="disable-btn">复制链接</a>
                                </td>
                            </tr>
                            <tr>
                                <th>安全事故预警处理步骤 </th>
                                <td> 2019-11-09  12:23:23  </td>
                                <td class="action-btn-list">
                                    <a href="javascript:;" class="editor-btn">修改</a>
                                    <a href="javascript:;" class="del-btn">删除</a>
                                    <a href="javascript:;" class="disable-btn">复制链接</a>
                                </td>
                            </tr>
                            <tr>
                                <th>火情预警处理步骤 </th>
                                <td> 2019-11-09  12:23:23  </td>
                                <td class="action-btn-list">
                                    <a href="javascript:;" class="editor-btn">修改</a>
                                    <a href="javascript:;" class="del-btn">删除</a>
                                    <a href="javascript:;" class="disable-btn">复制链接</a>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <!-- 分页 -->
                <nav aria-label="Page navigation example" class="pageBox">
                    <ul class="pagination">
                        <li class="page-item"><a class="page-link" href="#">首页</a></li>
                        <li class="page-item">
                            <a class="page-link" href="#" aria-label="Previous">
                                <span aria-hidden="true">上一页</span>
                                <span class="sr-only">Previous</span>
                            </a>
                        </li>
                        <li class="page-item active"><a class="page-link" href="#">1</a></li>
                        <li class="page-item"><a class="page-link" href="#">2</a></li>
                        <li class="page-item"><a class="page-link" href="#">4</a></li>
                        <li class="page-item"><a class="page-link" href="#">5</a></li>
                        <li class="page-item"><a class="page-link" href="#">...</a></li>
                        <li class="page-item">
                            <a class="page-link" href="#" aria-label="Next">
                                <span aria-hidden="true">下一页</span>
                                <span class="sr-only">Next</span>
                            </a>
                        </li>
                        <li class="page-item"><a class="page-link" href="#">尾页</a></li>
                    </ul>
                </nav>
            </div>
        </div>
    </div>
    <!-- 新增/修改弹窗 -->
    <div class="modal" id="addModel1" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLongTitle">添加</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form action="">
                        <div class="formGroup">
                            <label for="">姓名</label>
                            <input type="text" placeholder="请输入值守人员姓名">
                        </div>
                        <div class="formGroup">
                            <label for="">性别</label>
                            <input type="text" placeholder="请输入性别">
                        </div>
                        <div class="formGroup">
                            <label for="">*所属企业单位</label>
                            <div class="my-select-box modal-select">
                                <a href="javascript:;" class="my-select-btn"> <em class="my-selected">选择企业单位</em><i></i></a>
                                <ul class="my-select-options">
                                    <li>珏山风景区</li>
                                    <li>安全部</li>
                                </ul>
                            </div>
                        </div>
                        <div class="formGroup">
                            <label for="">*联系手机</label>
                            <input type="number" placeholder="请输入手机号几码">
                        </div>
                        <div class="formGroup">
                            <label for="">编码</label>
                            <input type="number" placeholder="请输入编码">
                        </div>
                        <div class="formGroup">
                            <label for="">备注</label>
                            <textarea type="text" placeholder="请输入备注"></textarea>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary">确定</button>
                </div>
            </div>
        </div>
    </div>
   
</body>
<script src="./plugins/jquery-3.4.1.min.js"></script>
   <script src="./plugins/bootstrap-4.0.0/js/bootstrap.min.js"></script>
   <script src="./js/common.js"></script>
</html>